@import "_base.scss";
.user-info{
	height: rem(300);
	overflow: hidden;
	padding: rem(24) rem(10) 0;
	.user-base{
		height: rem(80);
		padding: 0 rem(14);
		overflow: hidden;
		.user-img{
			width: rem(76);
			height: rem(76);
			overflow: hidden;
			border: rem(2) $border solid;
			@include radius(50%);
		}
		.user-name{
			padding-left: rem(10);
			line-height: rem(80);
			font-size: rem(36);
		}
	}
	.user-receipts{
		top: rem(104);
		width: 100%;
		p{
			line-height: rem(42);
			font-size: rem(38);
			color: #583b24;
		}
		.num{
			line-height: rem(114);
			font-size: rem(110);
		}
	}
	.user-money{
		right: rem(10);
		bottom: rem(10);
		padding-right: rem(20);
		font-size: rem(36);
	}
}
.user-item{
	width: rem(730);
	height: rem(540);
	margin: rem(10);
	overflow: hidden;
	.item{
		width: rem(240);
		height: rem(180);
		margin-top: -1px;
		margin-left: -1px;
		border-top: 1px $border solid;
		border-left: 1px $border solid;
		&.item-long{
			width: rem(486);
			p{
				width: rem(262);
				overflow: hidden;
				padding-top: rem(30);
				padding-left: rem(24);
				line-height: rem(36);
				font-size: rem(26);
			}
		}
		.item-link{
			width: rem(200);
			height: rem(28);
			overflow: hidden;
			margin: rem(48) auto 0;
			padding-top: rem(56);
			line-height: rem(28);
			font-size: rem(28);
			@include bg('../images/user-item.png',100%,600%);
			&.item-link2{
				background-position: 0 rem(-84);
			}
			&.item-link3{
				background-position: 0 rem(-168);
			}
			&.item-link4{
				background-position: 0 rem(-252);
			}
			&.item-link5{
				background-position: 0 rem(-336);
			}
			&.item-link6{
				background-position: 0 rem(-420);
			}
		}
	}
}
.user-product{
	overflow: hidden;
	.pointer-box{
		margin: 0 rem(10);
		border-top: 1px $border solid;
		li{
			width: 33.33%;
			height: rem(80);
			overflow: hidden;
			line-height: rem(80);
			cursor: pointer;
			&.current{
				color: $r8;
				&:after{
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: 50%;
					width: rem(120);
					height: rem(6);
					overflow: hidden;
					margin-left: rem(-60);
					background: $r8;
					@include radius(rem(3));
				}
			}
		}
	}
	.list{
		padding: rem(20) rem(24);
		border-top: 1px $border solid;
		.pic{
			width: rem(200);
			height: rem(160);
			overflow: hidden;
			margin-right: rem(30);
		}
		.info{
			width: rem(470);
			.name{
				line-height: rem(44);
				font-size: rem(36);
			}
			.price{
				line-height: rem(54);
				font-size: rem(24);
				span{
					display: inline-block;
					width:rem(160);
					font-size: rem(36);
					color: $r8;
				}
			}
			.num{
				height: rem(40);
				margin-top: rem(14);
				line-height: rem(40);
				.left{
					font-size: rem(24);
				}
				.right{
					font-size: rem(28);
					color: $c9;
					span{
						font-size: rem(40);
						color: $r8;
					}
				}
			}
		}
	}
}